header{
    height:74px;
  
    >.container{
        width: 1200px;
        display: flex;
        justify-content: space-between;
      
     
        >.left{
            width: 704px;
            height: 51px;
            display: flex;
            align-items: center;
            >.logo{
                width: 205px;
                height: 36px;
               >img{
                   height: 100%;
               }
            }
            >.naver{
                width: 466px;
                height: 40px;
                >ul>li{
                    float: left;
                    margin-left: 5px;
                   line-height: 40px;
                   font-size: 16px;

                }
            }

        }
        >.right{
            position: relative;

            width: 205px;
            height: 30px;
            display: flex;
            align-items: center;
            >input{
                border-radius:6px;
                background: transparent;
                margin-top: 21px;
                color: #3a3a3a;
                cursor: pointer;
                border: none;
                
                // color: #3a3a3a;
                // width: 205px;
                // text-indent: 15px;
                // height: 30px;
                // line-height: 30px;
                // background: transparent;
                // float: left;
            }
            
            ::placeholder{
                color: #999;
                font-size: 12px;
                margin-right: 8px;
                text-align: center;
            }
            >i{
                position: absolute;
                top: 16px;
                left: 152px;
                z-index: 2;
            }
        }
    }
}

.sec2{
    >.banxin{
        width: 1200px;
        margin: auto;

        >.h>h2{
            font-size: 26px;
            color: #333;
            padding: 27px 0 13px 0;
        }
        >.b{
            width: 1200px;
            height: 604px;
            >.left{
                float: left;
                width: 232px;
                height: 604px;
            }
            >.right{
                float: left;
                width: 968px;
                height: 604px;
               
                >ul{
                  display: inline-block; background-size: cover; position: relative; cursor: pointer; transition: all 0.4s ease-out; box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.44); overflow: hidden; 
                    :hover{
                        box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64); transform: scale(1.05);transition: 0.5s;
                    }
                    >li{
                        width: 230px;
                        background: #f9f9f9;
                        border-radius: 10px;
                        margin-left: 8px;
                        margin-bottom: 12px;
                        margin-top: 0;
                        display: inline-block;
                        :hover{
                            box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.0); transform: scale(1.05);
                        }
                        >a{
                            display: inline-block;
                            width: 100%;
                            height: 100%;
                            text-align: center;
                            
                            >p{
                                width: 150px;
                                height: 150px;
                                margin: 35px auto 0;
                                >img{
                                    width: 150px;
                                    height: 150px;
                                }
                            }
                           >div{
                            width: 210px;
                            display: block;
                            margin: 0 auto;
                            padding: 0;
                            margin-top: 12px;
                            height: 21px;
                            line-height: 21px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                           }
                           >h2{
                            color: #777;
                            line-height: 18px;
                            padding: 0 10px;
                            margin: 2px 20px 7px;
                           }
                           >h3{
                            color: #d0021b;
                            line-height: 21px;
                            margin-bottom: 0;
                           }
                        }
                    }
                }
                
             
            }
        }
        >.b>.left>img{
            width: 230px;
            height: 592px;
            border-radius: 10px;
           
        }
    }
 
}

.sec3{
    >.container{
        width: 1200px;
        >div>h2{
            font-size: 26px;
            color: #333;
            padding: 27px 0 13px 0;
        }
        >ul{
                    
            >li{
                width: 222px;
                height: 295px;
                background: #f9f9f9;
                border-radius: 10px;
                margin-left: 8px;
                margin-bottom: 12px;
                margin-top: 0;
                display: inline-block;
                
                >a{
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    text-align: center;
                  
                    >p{
                        width: 150px;
                        height: 150px;
                        margin: 35px auto 0;
                        >img{
                            width: 150px;
                            height: 150px;
                        }
                    }
                   >div{
                    width: 210px;
                    background: #f3f3f3;
                    color: #777;
                    display: block;
                    margin: 0 auto;
                    padding: 0;
                    margin-top: 12px;
                    height: 36px;
                    line-height: 36px;
                    overflow: hidden;
                    font-size: 14px;
                   
                    text-overflow: ellipsis;
                    white-space: nowrap;
                   }
                   >h2{
                    color: #777;
                    line-height: 18px;
                    padding: 0 10px;
                    margin: 2px 20px 7px;
                   }
                   >h3{
                    color: #d0021b;
                    line-height: 21px;
                    margin-bottom: 0;
                   }
                }
            }
        }
    }

}

.sec4{
    >.container{
        width: 1200px;
        >div{
            width: 1200px;
            padding: 27px 0 13px 0;
            overflow: hidden;
            >h2{
                font-size: 26px;
                color: #333;
                 float: left;
               
            }
            >ul{
                width: 430px;
                margin-left: 15px;
                height: 32px;
                float: left;
                >li{
                    float: left;
                    :hover{
                        color: red;
                    }
                    >a{
                        font-size: 14px;
                        color: #999;
                        margin-left: 0;
                        margin-right: 24px;
                        line-height: 32px;
                    }
                }
                
            }
        }
        >ul{
                    
            >li{
                width: 222px;
                height: 295px;
                background: #f9f9f9;
                border-radius: 10px;
                margin-left: 8px;
                margin-bottom: 12px;
                margin-top: 0;
                display: inline-block;
                >a{
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    text-align: center;
                  
                    >p{
                        width: 150px;
                        height: 150px;
                        margin: 35px auto 0;
                        >img{
                            width: 150px;
                            height: 150px;
                        }
                    }
                   >div{
                    width: 210px;
                    background: #f3f3f3;
                    color: #777;
                    display: block;
                    margin: 0 auto;
                    padding: 0;
                    margin-top: 12px;
                    height: 36px;
                    line-height: 36px;
                    overflow: hidden;
                    font-size: 14px;
                   
                    text-overflow: ellipsis;
                    white-space: nowrap;
                   }
                   >h2{
                    color: #777;
                    line-height: 18px;
                    padding: 0 10px;
                    margin: 2px 20px 7px;
                   }
                   >h3{
                    color: #d0021b;
                    line-height: 21px;
                    margin-bottom: 0;
                   }
                }
            }
        }
    }

}

#sec5{
    >.container{
        width: 1200px;
        >div{
            width: 1200px;
            padding: 27px 0 13px 0;
            overflow: hidden;
            >h2{
                font-size: 26px;
                color: #333;
                 float: left;
               
            }
            >ul{
              
                margin-left: 15px;
                height: 32px;
                float: left;
                >li{
                    float: left;
                    :hover{
                        color: red;
                    }
                    >a{
                        font-size: 14px;
                        color: #999;
                        margin-left: 0;
                        margin-right: 24px;
                        line-height: 32px;
                     
                    }
                }
                
            }
            >.lis{
                color: #333; 
                float: right;
                margin-right: 10px;
                font-size: 14px;
                :hover{
                    color: red;
                }
            }
        }
        >ul{
            width: 1200px;
            >.firstli{
                width: 463px;
                height: 290px;
                border-radius: 10px;
               >a{
                width: 463px;
                height: 290px;
                >p{
                    width: 100%;
                    height: 100%;
                    margin: 0;
                    >img{
                        width: 100%;
                        height: 100%;
                    }
                }
               }
               
              
            }
            >li{
                width: 228px;
                background: #f9f9f9;
                border-radius: 10px;
                margin-left: 8px;
                margin-bottom: 12px;
                margin-top: 0;
                display: inline-block;
              
                >a{
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    text-align: center;
                   
                    >p{
                        width: 150px;
                        height: 150px;
                        margin: 35px auto 0;
                        >img{
                            width: 150px;
                            height: 150px;
                        }
                    }
                   >div{
                    width: 210px;
                    background: #f3f3f3;
                    color: #777;
                    display: block;
                    margin: 0 auto;
                    padding: 0;
                    margin-top: 12px;
                    height: 36px;
                    line-height: 36px;
                    overflow: hidden;
                    font-size: 14px;
                   
                    text-overflow: ellipsis;
                    white-space: nowrap;
                   }
                   >h2{
                    color: #777;
                    line-height: 18px;
                    padding: 0 10px;
                    margin: 2px 20px 7px;
                   }
                   >h3{
                    color: #d0021b;
                    line-height: 21px;
                    margin-bottom: 0;
                   }
                }
            }
        }
    }

}

#sec6{
    >.container{
        width: 1200px;
        >div{
            width: 1200px;
            padding: 27px 0 13px 0;
            overflow: hidden;
            >h2{
                font-size: 26px;
                color: #333;
                 float: left;
               
            }
            >ul{
              
                margin-left: 15px;
                height: 32px;
                float: left;
                >li{
                    float: left;
                    :hover{
                        color: red;
                    }
                    >a{
                        font-size: 14px;
                        color: #999;
                        margin-left: 0;
                        margin-right: 24px;
                        line-height: 32px;
                     
                    }
                }
                
            }
            >.lis{
                color: #333; 
                float: right;
                margin-right: 10px;
                font-size: 14px;
                :hover{
                    color: red;
                }
            }
        }
        >ul{
            width: 1200px;
            >.firstli{
                width: 463px;
                height: 290px;
                border-radius: 10px;
               >a{
                width: 463px;
                height: 290px;
                >p{
                    width: 100%;
                    height: 100%;
                    margin: 0;
                    >img{
                        width: 100%;
                        height: 100%;
                    }
                }
               }
               
              
            }
            >li{
                width: 228px;
                background: #f9f9f9;
                border-radius: 10px;
                margin-left: 8px;
                margin-bottom: 12px;
                margin-top: 0;
                display: inline-block;
              
                >a{
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    text-align: center;
                   
                    >p{
                        width: 150px;
                        height: 150px;
                        margin: 35px auto 0;
                        >img{
                            width: 150px;
                            height: 150px;
                        }
                    }
                   >div{
                    width: 210px;
                    background: #f3f3f3;
                    color: #777;
                    display: block;
                    margin: 0 auto;
                    padding: 0;
                    margin-top: 12px;
                    height: 36px;
                    line-height: 36px;
                    overflow: hidden;
                    font-size: 14px;
                   
                    text-overflow: ellipsis;
                    white-space: nowrap;
                   }
                   >h2{
                    color: #777;
                    line-height: 18px;
                    padding: 0 10px;
                    margin: 2px 20px 7px;
                   }
                   >h3{
                    color: #d0021b;
                    line-height: 21px;
                    margin-bottom: 0;
                   }
                }
            }
        }
    }

}

#sec7{
    >.container{
        width: 1200px;
        >div{
            width: 1200px;
            padding: 27px 0 13px 0;
            overflow: hidden;
            >h2{
                font-size: 26px;
                color: #333;
                 float: left;
               
            }
            >ul{
              
                margin-left: 15px;
                height: 32px;
                float: left;
                >li{
                    float: left;
                    :hover{
                        color: red;
                    }
                    >a{
                        font-size: 14px;
                        color: #999;
                        margin-left: 0;
                        margin-right: 24px;
                        line-height: 32px;
                     
                    }
                }
                
            }
            >.lis{
                color: #333; 
                float: right;
                margin-right: 10px;
                font-size: 14px;
                :hover{
                    color: red;
                }
            }
        }
        >ul{
            width: 1200px;
            >.firstli{
                width: 463px;
                height: 290px;
                border-radius: 10px;
               >a{
                width: 463px;
                height: 290px;
                >p{
                    width: 100%;
                    height: 100%;
                    margin: 0;
                    >img{
                        width: 100%;
                        height: 100%;
                    }
                }
               }
               
              
            }
            >li{
                width: 228px;
                background: #f9f9f9;
                border-radius: 10px;
                margin-left: 8px;
                margin-bottom: 12px;
                margin-top: 0;
                display: inline-block;
              
                >a{
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    text-align: center;
                   
                    >p{
                        width: 150px;
                        height: 150px;
                        margin: 35px auto 0;
                        >img{
                            width: 150px;
                            height: 150px;
                        }
                    }
                   >div{
                    width: 210px;
                   
                    color: #777;
                    display: block;
                    margin: 0 auto;
                    padding: 0;
                    margin-top: 12px;
                    height: 36px;
                    line-height: 36px;
                    overflow: hidden;
                    font-size: 14px;
                   
                    text-overflow: ellipsis;
                    white-space: nowrap;
                   }
                   >h2{
                    color: #777;
                    line-height: 18px;
                    padding: 0 10px;
                    margin: 2px 20px 7px;
                   }
                   >h3{
                    color: #d0021b;
                    line-height: 21px;
                    margin-bottom: 0;
                   }
                }
            }
        }
    }

}

#sec8{
    >.container{
        width: 1200px;
        >div{
            width: 1200px;
            padding: 27px 0 13px 0;
            overflow: hidden;
            >h2{
                font-size: 26px;
                color: #333;
                 float: left;
               
            }
            >ul{
              
                margin-left: 15px;
                height: 32px;
                float: left;
                >li{
                    float: left;
                    :hover{
                        color: red;
                    }
                    >a{
                        font-size: 14px;
                        color: #999;
                        margin-left: 0;
                        margin-right: 24px;
                        line-height: 32px;
                     
                    }
                }
                
            }
            >.lis{
                color: #333; 
                float: right;
                margin-right: 10px;
                font-size: 14px;
                :hover{
                    color: red;
                }
            }
        }
        >ul{
            width: 1200px;
            >.firstli{
                width: 463px;
                height: 290px;
                border-radius: 10px;
               >a{
                width: 463px;
                height: 290px;
                >p{
                    width: 100%;
                    height: 100%;
                    margin: 0;
                    >img{
                        width: 100%;
                        height: 100%;
                    }
                }
               }
               
              
            }
            >li{
                width: 228px;
                background: #f9f9f9;
                border-radius: 10px;
                margin-left: 8px;
                margin-bottom: 12px;
                margin-top: 0;
                display: inline-block;
              
                >a{
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    text-align: center;
                   
                    >p{
                        width: 150px;
                        height: 150px;
                        margin: 35px auto 0;
                        >img{
                            width: 150px;
                            height: 150px;
                        }
                    }
                   >div{
                    width: 210px;
                   
                    color: #777;
                    display: block;
                    margin: 0 auto;
                    padding: 0;
                    margin-top: 12px;
                    height: 36px;
                    line-height: 36px;
                    overflow: hidden;
                    font-size: 14px;
                   
                    text-overflow: ellipsis;
                    white-space: nowrap;
                   }
                   >h2{
                    color: #777;
                    line-height: 18px;
                    padding: 0 10px;
                    margin: 2px 20px 7px;
                   }
                   >h3{
                    color: #d0021b;
                    line-height: 21px;
                    margin-bottom: 0;
                   }
                }
            }
        }
    }

}

